<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>何人堂网站购物车</title>
        <!--****js或jq的设置**-->
        <script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
        <script type="text/javascript" src="../js/rolling.js"></script>
        <!--图片滚动时间-->
        <script type="text/javascript" src="../js/rollingTime.js"></script> 
         <!--子菜单-->
        <script type="text/javascript" src="../js/subMenu.js"></script>              
        <!--固定广告、菜单-->
        <script type="text/javascript" src="../js/fixedAds.js" ></script> 
        

        <!--***css样式区***-->
        <!--头部和尾部样式-->
        <link rel="stylesheet" type="text/css" href="../css/index.css" />
        <!--中间顶部部分--图片滚动样式-->
        <link rel="stylesheet" type="text/css" href="../css/rolling.css"/>
        <!--中间中部部分--图片滚动样式-->
        <link rel="stylesheet" type="text/css" href="../css/index_middle.css"/>
        <!--固定广告的样式 -->
 		<link rel="stylesheet" type="text/css" href="../css/fixedAds.css" />
        
        <!--购物车-->
        <link rel="stylesheet" href="../css/shoppingCar.css"/>
    	<script type="text/javascript" src="../js/shoppingCar.js"></script>
        
   </head>

<body>
	<!--固定广告-->
    <div id="Piao_L"> 
        <a href="#" target="_blank">
            <img src="../images/fixedAds.png" border="0" width="100px"/>
        </a>
    </div>
    <!--首页开始-->
	<div>
        <div class="hhtop">
            <!--**头部**-->
            <div>
                <div class="hhtop-t">
                    <!--**顶头部**-->
                    <div class="weblogo">
                        <img src="../images/logo.png" width="350px" border="0" />
                    </div>
                    <div class="top-r-t">
                        <ul class="ul_headquick">
                        	<li>
                                <div id="search_box"> 
                                    <form id="search_form" method="post" action="#"> 
                                        <input type="text" id="s" value="" class="swap_value" /> 
                                        <input type="image" src="../images/32.png" width="27" height="24" id="go" /> 
                                    </form> 
                                </div>
                            </li>
                            <li></li>
                            <li><a href="">&nbsp;&nbsp;&nbsp;登录</a></li>
                            <li>|<a href="">注册</a></li>
                            <li>|<a href="">我的订单</a></li>
                            <li><a>新人注册可领取优惠券</a></li>
                        </ul>
                    </div>
                    <!--***搜索***-->
                    <div class="top-r-f-r">
                        <div id="login">
                            <div class="search-l">
                                <a href=""><img src="../images/HEADERVIP1_gxf.png" border="0"></a>
                                <a href=""><img src="../images/HEADERVIP2_k3d.png" border="0"></a>
                                <a href=""><img src="../images/HEADERVIP3_wzf.png" border="0"></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="top-r-f-l"></div>
                <p>&nbsp;</p>
                <br />
                
                <!--**导航栏**-->
                <div class="navbg">
                    <div class="nav-l">
                        <div id="navMenu">
                            <ul>
                                <li><a href="">首页</a></li>
                                <li id="dropMenuId"><a href="">创意礼品专区</a></li>
                                <li><a href="">礼品制定区</a></li>
                                <li><a href="">每月抢红包</a></li>
                                <li><a href="">何人来摇钱</a></li>
                                <li><a href="">节日团购</a></li>
                                <li><a href="">会员俱乐部</a></li>
                                <li><a href="">联系何人堂</a></li>
                            </ul>
                        </div>
                        <!--子菜单栏-->
                        <ul id="dropMenuId2" class="dropMenu">
                            <li><a href="">新屋入伙</a></li>
                            <li><a href="">新生儿</a></li>
                            <li><a href="">大寿、生日</a></li>
                            <li><a href="">公司开业、周年庆</a></li>
                            <li><a href="">新婚</a></li>
                            <li><a href="">金榜题名</a></li>
                            <li><a href="">传统节日</a></li>
                            <li><a href="">礼尚往来</a></li>
                            <li class="end"></li>
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <!----------------------********头部结束********---------------------------->
        
        <!---***中部***-->
      	
        <div class="catbox">
          <table id="cartTable">
            <thead>
              <tr>
                <th><label>
                    <input class="check-all check" type="checkbox"/>&nbsp;&nbsp;全选</label></th>
                <th>商品</th>
                <th>单价</th>
                <th>数量</th>
                <th>小计</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="checkbox"><input class="check-one check" type="checkbox"/></td>
                <td class="goods"><img src="../images/car/1.jpg" alt=""/><span>Casio/卡西欧 EX-TR350</span></td>
                <td class="price">9.00</td>
                <td class="count"><span class="reduce"></span>
                  <input class="count-input" type="text" value="1"/>
                  <span class="add">+</span></td>
                <td class="subtotal">9.00</td>
                <td class="operation"><span class="delete">删除</span></td>
              </tr>
              <tr>
                <td class="checkbox"><input class="check-one check" type="checkbox"/></td>
                <td class="goods"><img src="../images/car/2.jpg" alt=""/><span>Canon/佳能 PowerShot SX50 HS</span></td>
                <td class="price">8.00</td>
                <td class="count"><span class="reduce"></span>
                  <input class="count-input" type="text" value="1"/>
                  <span class="add">+</span></td>
                <td class="subtotal">8.00</td>
                <td class="operation"><span class="delete">删除</span></td>
              </tr>
              <tr>
                <td class="checkbox"><input class="check-one check" type="checkbox"/></td>
                <td class="goods"><img src="../images/car/3.jpg" alt=""/><span>Sony/索尼 DSC-WX300</span></td>
                <td class="price">10.00</td>
                <td class="count"><span class="reduce"></span>
                  <input class="count-input" type="text" value="1"/>
                  <span class="add">+</span></td>
                <td class="subtotal">10.00</td>
                <td class="operation"><span class="delete">删除</span></td>
              </tr>
              <tr>
                <td class="checkbox"><input class="check-one check" type="checkbox"/></td>
                <td class="goods"><img src="../images/car/4.jpg" alt=""/><span>Fujifilm/富士 instax mini 25</span></td>
                <td class="price">11.00</td>
                <td class="count"><span class="reduce"></span>
                  <input class="count-input" type="text" value="1"/>
                  <span class="add">+</span></td>
                <td class="subtotal">11.00</td>
                <td class="operation"><span class="delete">删除</span></td>
              </tr>
              <tr>
                <td class="checkbox"><input class="check-one check" type="checkbox"/></td>
                <td class="goods"><img src="../images/car/4.jpg" alt=""/><span>Fujifilm/富士 instax mini 25</span></td>
                <td class="price">11.00</td>
                <td class="count"><span class="reduce"></span>
                  <input class="count-input" type="text" value="1"/>
                  <span class="add">+</span></td>
                <td class="subtotal">11.00</td>
                <td class="operation"><span class="delete">删除</span></td>
              </tr>
               
            </tbody>
          </table>
          <div class="foot" id="foot">
            <label class="fl select-all"><input type="checkbox" class="check-all check"/>&nbsp;&nbsp;全选</label>
            <a class="fl delete" id="deleteAll" href="javascript:;">删除</a>
            <div class="fr closing" onclick="getTotal();"><div id="jiesuan"><a href="#">结 算</a></div></div>
            <input type="hidden" id="cartTotalPrice" />
            <div class="fr total">合计：￥<span id="priceTotal">0.00</span></div>
            <div class="fr selected" id="selected">已选商品<span id="selectedTotal">0</span>件<span class="arrow up">︽</span><span class="arrow down">︾</span></div>
            <div class="selected-view">
              <div id="selectedViewList" class="clearfix">
                <div><img src="images/1.jpg"><span>取消选择</span></div>
              </div>
              <span class="arrow">◆<span>◆</span></span> </div>
          </div>
        </div>      
        <!----------------------********中部结束********---------------------------->
        
        
        <!---***尾部***-->
       
        <div id="bottom_div">
        	 <hr style="width:100%; color:#CCC; margin:0; padding:0;"/>
                <div>
                    <img src="../images/footer_hrt.png" style="padding-bottom:40px; padding-top:40px;">
               		<table id="bottom_table">
                    	<tr>
                        	<td width="16.5%">
                            	<h5>服务保障</h5>
                                <ul type="square">
                                   <li><a href="#">正品保证</a></li>
                                   <li><a href="#">退货返运费</a></li>
                                   <li><a href="#">7x15小时客户服务</a></li>
                                </ul>  

                            </td>
                            <td width="16.5%">
                            	<h5>购物指南</h5>
                                <ul type="square">
                                   <li><a href="#">导购演示</a></li>
                                   <li><a href="#">订单操作</a></li>
                                   <li><a href="#">会员注册</a></li>
                                   <li><a href="#">账户管理</a></li>
                                   <li><a href="#">收货样品</a></li>
                                   <li><a href="#">会员等级</a></li>
                                </ul>  
                            </td>
                             <td width="16.5%">
                            	<h5>支付方式</h5>
                                <ul type="square">
                                   <li><a href="#">23家主流网银支付</a></li>
                                   <li><a href="#">货到付款</a></li>
                                   <li><a href="#">支付宝、银联等支付</a></li>
                                   <li><a href="#">信用卡支付</a></li>
                                   <li><a href="#">唯品钱包支付</a></li>
                                </ul>  
                            </td>
                            <td width="16.5%">
                                <h5>配送方式</h5>
                                <ul type="square">
                                   <li><a href="#">全场满288元免运费</a></li>
                                   <li><a href="#">配送范围及运费</a></li>
                                   <li><a href="#">验货与签收</a></li>
                                </ul>  
                             </td>
                              <td width="16.5%">
                                <h5>售后服务</h5>
                                <ul type="square">
                                   <li><a href="#">退货政策</a></li>
                                   <li><a href="#">退货流程</a></li>
                                   <li><a href="#">退款方式和时效</a></li>
                                </ul>  
                              </td>
                              <td width="16.5%">
                                <h5>何人堂logo</h5>
                                 <img src="../images/logo2.png" border="0" width="100px">
                              </td>
                        </tr>
                    </table>
                    <br/>
                    <div id="bottom_menu">
                        <ul>
                            <li><a href="">首页</a></li>
                            <li><a href="">创意礼品专区</a></li>
                            <li><a href="">礼品制定区</a></li>
                            <li><a href="">每月抢红包</a></li>
                            <li><a href="">何人来摇钱</a></li>
                            <li><a href="">节日团购</a></li>
                            <li><a href="">会员俱乐部</a></li>
                            <li><a href="">联系何人堂</a></li>
                            <li>&nbsp;</li>
                        </ul>
                    </div>
                 </div>
                 <div style="width:960px; font-size:12px; color:#666; text-align:center; margin:auto;">
                 	Copyright © 2008-2015  www.who158.com，All Rights Reserved 粤ICP备08114786号 许可证：粤B2-20080329 使用本网站即表示接受 何人堂用户协议。<br> 
                    版权所有 广州何人堂文化发展有限公司 

                 </div>
        </div>
        <!----------------------********尾部结束********---------------------------->
	</div>
</body>
</html>